<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <script>
        function getValue(){
            // 使用document获取指定id的dom 对象
            var table1 = window.document.getElementById("table1");
            // 向console控制台输出对象
            console.info(table1.lastChild);
            console.info(table1.lastElementChild.lastElementChild.lastElementChild.innerHTML);
            console.info(table1.children[1].children[1].lastElementChild.innerHTML);
            var val = table1.lastChild.lastChild.lastChild;

            // 赋值给指定的dom对象
            document.getElementById("lbl1").innerHTML = val; // 使用innerHTML属性给双标签进行赋值；
            document.getElementById("txt1").value = val; // 如果标签有value，则直接给value属性赋值
        }

    </script>
</head>
<body>
<table id="table1" border="1" cellspacing="0" cellpadding="5px" width="200px" align="center">
    <thead>
    <tr align="center">
        <th>姓名</th>
        <td colspan="2"><b>年龄</b></td>
        <!--<td>性别</td>-->
    </tr>

    </thead>
    <tbody>
    <tr align="center">
        <td align="left">张三</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr>
        <td rowspan="2">李四</td>
        <td>21</td>
        <td>男1</td>
    </tr>
    <tr>
       <!-- <td>王五</td>-->
        <td>21</td>
        <td>女</td>
    </tr>
    </tbody>
</table>
label标签显示：<label id="lbl1"></label>
<br>
input标签显示：<input id="txt1" type="text"/>
<button onclick="getValue()" >获取第4行第3列的表格内容</button>
</body>
</html>